<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common.jspf"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	var setting = {
		async : {
			enable : true,
			url : "func/selectFunctions"
		},
		data : {
			simpleData : {
				enable : true,
				idKey : "id",
				pIdKey : "pid",
				rootPId : 0
			}
		},
		callback: {
			beforeClick: function zTreeBeforeClick(treeId, treeNode, clickFlag) {
			   if(treeNode.furl){
				   $("#content").attr("src",treeNode.furl)
			   }
			}
		}
	}

	$(function() {
		$("#content").attr("height",
				document.documentElement.clientHeight - 140);
		$.fn.zTree.init($("#treeDemo"), setting);
		setTimeout(function() {
			expandAll();
		}, 50);

	})

	function expandAll() {
		var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
		treeObj.expandAll(true);
	}
</script>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false"
		style="height: 60px; background: #B3DFDA; padding: 10px">north
		region</div>
	<div data-options="region:'west',title:'功能菜单树'"
		style="width: 200px; padding: 10px;">
		<ul id="treeDemo" class="ztree"></ul>
	</div>
	<div data-options="region:'south',border:false"
		style="height: 50px; background: #A9FACD; padding: 10px;">版权信息</div>
	<div data-options="region:'center',title:'Center'">
		<iframe id="content" width="100%" src="page/wel" height="100%"
			style="border: 0"> </iframe>
	</div>
</body>

</html>